<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url()?>external_folder/img/home/ksa_icon.png">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>موقع باب رزق - فرصة العمل كـ : <?php echo $title?></title>
    
    
	<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>external_folder/css/styles.css" />
    
    <script type="text/javascript" src="<?php echo base_url()?>external_folder/js/home/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url()?>external_folder/js/home/functions.js"></script>
	<script type="text/javascript" src="<?php echo base_url()?>external_folder/js/home/jquery-ui-1.8.13.custom.min.js"></script>
    <!-- PNG FIX for IE6 -->
    <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
    <!--[if lte IE 6]>
        <script type="text/javascript" src="login_panel/js/pngfix/supersleight-min.js"></script>
    <![endif]-->
    <script src="<?php echo base_url()?>external_folder/js/home/slide.js" type="text/javascript"></script>
	
	<style type="text/css">
	
	.searchText
	{
		opacity: 0.6;
		-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4),inset 0 1px 2px rgba(0, 0, 0, .7);
		-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4),inset 0 1px 2px rgba(0, 0, 0, .6);
		box-shadow: 0 -1px 0 rgba(0, 0, 0, .4),inset 0 1px 2px rgba(0, 0, 0, .1);
		-webkit-rtl-ordering: logical;
		-webkit-user-select: text;
		cursor: auto;
		letter-spacing: normal;
		word-spacing: normal;
		line-height: normal;
		text-transform: none;
		text-indent: 0px;
		text-shadow: none;
		display: inline-block;
		text-align: -webkit-auto;
		-webkit-transition: opacity 1s;
		-moz-transition: opacity 1s;
		-o-transition: opacity 1s;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		padding-left: 50px;
		width: 500px;
		height: 35px;
		background: rgba(255, 255, 255, 0.99);
		font: 15px "Helvetica Neue",Arial,sans-serif;
		border: 1px solid rgba(0, 0, 0, 0.2);
		outline: none;
		top:400px;
		margin-left:125px;
		text-align:center;
		color: green;
		font-family:Tahoma, Helvetica, sans-serif;
		
	}
	input::-webkit-input-placeholder,input:-moz-placeholder
	{
		
		color:gray;
		font-family:Tahoma, Helvetica, sans-serif;
	}
	#tags
	{
		
		font-family:Tahoma, Helvetica, sans-serif;
	}
	.grey_example
	{
		text-align:center;
		color:white;
		margin-top:-400px;
	}
	#container {
	font-family:Tahoma, Helvetica, sans-serif;
	 width: 920px;
	 margin: auto;
	font-family: helvetica, arial;
	text-align:center;
	}

	table {
		background-color:white;
		font-family:Tahoma, Helvetica, sans-serif;
		width: 920px;
		margin-bottom: 10px;
		text-shadow:none;
		color:black;
	}

	td {
	 border-right: 1px solid #aaaaaa;
	 padding: 1em;
	 text-align:center;
	}

	td:last-child {
	 border-right: none;
	 
	}

	th {
	color:white;
	 text-align: left;
	 padding-left: 1em;
	 background: #cac9c9;
	border-bottom: 1px solid white;
	border-right: 1px solid #aaaaaa;
	text-align:center;
	height:30px
	}

	#pagination a, #pagination strong {
	 background: #e3e3e3;
	 padding: 4px 7px;
	 text-decoration: none;
	  text-shadow:none;
	border: 1px solid #cac9c9;
	color: #292929;
	font-size: 13px;
	
	}

	#pagination strong, #pagination a:hover {
	 font-weight: normal;
	 background: #cac9c9;
	 
	}
	#job_card
	{
		float:right;
		color:black;
		margin:auto;
		margin-bottom:20px;
		width: 500px;
		min-height:400px;
		padding: 20px;
		background: #f0f0f0;
		overflow:auto;
		word-wrap:break-word;

		/* Border style */
		border: 1px solid #cccccc;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;	

		/* Border Shadow */
		-moz-box-shadow: 2px 2px 2px #cccccc;
		-webkit-box-shadow: 2px 2px 2px #cccccc;
		box-shadow: 2px 2px 2px #cccccc;
	}
	#map
	{
		float:left;
		color:black;
		margin:auto;
		margin-bottom:20px;
		width: 350px;
		min-height:400px;
		padding: 20px;
		background: #f0f0f0;
		overflow:auto;
		word-wrap:break-word;
		/* Border style */
		border: 1px solid #cccccc;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;	

		/* Border Shadow */
		-moz-box-shadow: 2px 2px 2px #cccccc;
		-webkit-box-shadow: 2px 2px 2px #cccccc;
		box-shadow: 2px 2px 2px #cccccc;
	}
	</style>

</head>

<body id="body_id">

<section id="page"> <!-- Defining the #page section with the section tag -->
    
		<header> <!-- Defining the header section of the page with the appropriate tag -->
		
			<hgroup>
				<h1>باب رزق</h1>
				<h3>.. توكل على الله فهو الرزاق</h3>
			</hgroup>
			<!-- AddToAny BEGIN -->
			
<div class="a2a_kit a2a_default_style" style="margin:20px;margin-left:320px">
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_email"></a>
<a class="a2a_button_google_gmail"></a>
<a class="a2a_button_hotmail"></a>
<a class="a2a_button_live"></a>
<a class="a2a_button_wordpress"></a>
<a class="a2a_button_tumblr"></a>
<a class="a2a_button_delicious"></a>
<a class="a2a_button_digg"></a>
</div>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.linkurl = "<?php echo base_url()?>index.php/jobs_cont/view_job/<?php echo $j_id;?>";
a2a_config.onclick = 1;
a2a_config.locale = "ar";
a2a_config.color_main = "undefined";
a2a_config.color_border = "undefined";
a2a_config.color_link_text = "undefined";
a2a_config.color_link_text_hover = "undefined";
a2a_config.color_bg = "undefined";
a2a_config.color_arrow = "undefined";
a2a_config.color_arrow_hover = "undefined";
</script>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->
							
			
		
		</header>
            
        <section>    
			<div id="job_card">
				مسمى الوظيفة : <?php echo $title?>
				<br/>
				<br/>
				المتطلبات : <?php echo $req?>
				<br/>
				<br/>
				الوصف : <?php echo $desc?>
				<br/>
				<br/>
				<img id="abu2_img" style="height:10px;margin-left:340px;margin-bottom:-15px;display:none" src="<?php echo base_url()?>external_folder/img/submitted.png" title="شكرا لك ونتمنى حصولك على هذه الفرصة" />
				<img id="apply_img" style="height:20px;margin-left:330px;margin-bottom:-18px;display:block" src="<?php echo base_url()?>external_folder/img/plus.png" title="أبدي رغبتك واعجابك بالفرصة" onclick="apply()"/> المتقدمين حتى الان : <?php echo $applied?>
				<br/>
				<br/>
				اخر موعد : <?php echo $duedate?> يوم/أيام
				<br/>
				<br/>
				حالة الفرصة <?php if($closed==0) echo '<div style="float:left;margin-left:390px;color:green">مفتوحة</div>'; else echo '<div style="float:left;margin-left:390px;color:red">مغلقة</div>'?></p>
				<br/>
				<br/>
				<br/>
				<br/><br/>
				<br/><br/>
				<br/><br/>
				<br/><br/>
				
				<img id="err_img" style="height:15px;margin-left:-150px;margin-bottom:-15px;display:none" src="<?php echo base_url()?>external_folder/img/error.png" title="سبق وقمت بالتبليغ شكرا لك" />
				<img id="abu_img" style="height:10px;margin-left:350px;margin-bottom:-15px;display:none" src="<?php echo base_url()?>external_folder/img/submitted.png" title="شكرا لك وسيتم النظر قريبا في البلاغ" />
				<a href="#" onclick="report_abuse()" style="float:right">بلغ عن خطأ في الفرصة</a> 
				
			</div>
			<div id="map">
				المكان <br/><br/><?php echo $place_map?>
				<br/><br/> <?php echo $place?>
			</div>
		</section> <!-- Closing the #page section -->
		
		
		
		
	
	<fb:comments href="http://bab-rizg.site40.net/jobs_cont/view_job/<?php echo $j_id;?>" num_posts="10" width="960"></fb:comments>

    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: '143096212434095', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>
		
		
		
		
		
		<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href='<?php echo base_url()?>index.php/jobs_cont/report_abuse/<?php echo $j_id;?>' num_posts="10" width="960"></fb:comments>
            
		
        
        <!-- JavaScript Includes -->
        
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script src="<?php echo base_url()?>external_folder/js/jquery.scrollTo-1.4.2/jquery.scrollTo-min.js"></script>
        <script src="<?php echo base_url()?>external_folder/js/script.js"></script>
		<script type="text/javascript">
		
		function report_abuse()
		{
			var url='<?php echo base_url()?>index.php/jobs_cont/report_abuse/<?php echo $j_id;?>';
				$.post(url, {},function(data) 
				{
					if(data=="duplicate")
					{
						document.getElementById('abu_img').style.display="none";
						document.getElementById('err_img').style.display="block";
					}
					else
					{
						document.getElementById('abu_img').style.display="block";
						document.getElementById('err_img').style.display="none";
					}
				});
		}
		function apply()
		{
		
			var url='<?php echo base_url()?>index.php/jobs_cont/apply/<?php echo $j_id;?>';
			$.post(url, {},function(data) {
				document.getElementById('abu2_img').style.display="block";
				document.getElementById('apply_img').style.display="none";
				
			});
		
		}
		
		</script>
</body>

</html>
